*{padding: 0;margin: 0;}
div{display: block;}
a{text-decoration: none;}
/*function*/
.f-df{display: fixed;}
.f-pa{position: absolute;}
.f-pr{position: relative;}

/**/
html,body{height: 100%;width: 100%;overflow: auto; font-family: "Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif; background-color: #fafafa;}

.g-nav{width: 100%; height: 36px;background-color: #333;z-index:1;}

/**/
.contain{height: 100%; width: 1080px; margin: 0 auto; background-color: #fff; }
.contain .g-banner{top: 36px;height: 100px;width: 1080px; padding-bottom: 50px; background-color: #fafafa; }
.g-banner .logo{background: url('imgs/logo1.jpg') 100%100%/100%100%; display: block;}
.g-banner .form_search{width: 710px; height: 90px; left: 270px; top: 30px;}
.g-banner input{outline:none;}
.g-banner .g-search{font-size: 16px; float: left;box-sizing: border-box; border: 0.5px solid #63b73d; padding-left: 10px;}
.g-banner .form_search .btn-search{outline:none;width: 40px;height: 40px; background: #63b73d url('./imgs/icons.png') 7px 7px/200%200% no-repeat ;display: block; border: none; float: left; box-sizing: border-box; border: 0.5px solid #63b73d; border-left: 0px; cursor: pointer; } 
.g-banner .form_search .btn-search:hover{background-color: #009b4c;}
.form_search .keywords{font-size: 12px; padding: 5px 15px; color: #CCC; float:left; width: 100%;}
.form_search p{display: block;}
.keywords a{ margin-left:10px;}
.keywords a:hover{color: #63b73d;}
.contain .btns{display: flex;flex-flow: row;width: 1080px;}
.btns a{top: 36px; display: inline-block; border: solid 1px #59ac36;flex:1; text-align: center;height: 40px;line-height: 40px; background-color: #63b73d; color: white;}
.btns a:hover{background-color: #45af42;}

/**/
.m-genre{ margin-top: 15px;background-color: #fff; }
.m-genre .t_1{ border: 1px solid #ECECEC;border-bottom: none; height: 39px; line-height: 37px; overflow: hidden; padding: 0; position: relative; font-size: 12px; margin-bottom: 2px;}
.t_1 h3{ height: 36px; border-bottom: 3px solid #009B4C; color: #009B4C; font-size: 14px; display: inline-block; padding: 0 15px;}
.m-genre .bd{position: relative; height: auto; margin-left: -5px;}
.bd .box{float: left; width: 500px; height: 100%; border: 1px solid #e5e5e5; margin: 0 0px 15px 20px; z-index: 1;}
.bd .box .left{float: left; width: 150px; height: 100%; overflow: hidden;}
.left .icon{ margin: 15px 0 15px 15px;width: 96px; height: 80px; }
.bd .wlgj .icon{background: url('imgs/pattern.jpg');}
.xtgj .icon{background: url('imgs/pattern.jpg') -107px 0;}
.left .tit {display: block; width: 120px; height: 31px; margin: 0 auto; overflow: hidden;}
.left .tit a{ display: inline-block; width: 100%; height: 100%; background-color: transparent; color: #868686; font-size: 24px;/*text-indent: -9999px;*/}
.left .tit a:hover{color: #45af42;}
.bd .box{}
.bd .box:hover{z-index: 2; box-shadow: 0px 8px 8px rgba(0,0,0,0.5); transform: translate3d(0, -3px, 0); transition: all 0.2s linear;  border-color: #fff;}
.bd .box .right { float: right; width: 350px; margin-top: 15px; overflow: hidden;}
.right a{float: left; display: inline-block; width: 110px; height: 35px; line-height: 35px; text-align: center; background: #F5F5F5; font-size: 14px;  color: #868686; margin: 0 5px 5px 0; overflow: hidden;}
.right a:hover{background-color: #45af42; color: #fff; }


/**/
.footer{text-align: center; border-top: 2px solid #ECECEC; background-color: #FFF; padding: 15px; margin-top: 20px;}